<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="../css/index.css">
</head>
<body>
  <header id="top">
    <div id="top_box">
      <img src="">
      <a href="#">北京</a>
      <!-- 顶部右面 --》欢迎来到京东 -->
      <div class="rt">
        <ul>
          <li>
            <a href="./login.html">您好，请登录</a>
            <a href="./register.html">免费注册</a>
          </li>
          <li>
            <b></b>
            <a href="#">我的订单</a>
          </li>
          <li>
            <b></b>
            <a href="#">我的京东</a>
          </li>
          <li>
            <b></b>
            <a href="#">京东会员</a>
          </li>
          <li>
            <b></b>
            <a href="#">企业采购</a>
          </li>
          <li>
            <b></b>
            <a href="#">客户服务</a>
          </li>
          <li>
            <b></b>
            <a href="#">网站导航</a>
          </li>
          <li>
            <b></b>
            <a href="#">手机京东</a>
          </li>
        </ul>
      </div>
    </div>		
  </header>
  <!-- Logo和搜索框 -->
  <div id="top_main">
    <div class="log_lf lf">
      <img src="../images/log.png" alt="">
    </div>
    <div class="zhong">
      <div id="search_box" class="lf">
        <div id="search">
          <input id="text" class="text lf" placseholder="">
          <button class="Msou lf">搜索</button>
          
          <ul id="search_word">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li>8</li>
            <li>9</li>
            <li>10</li>
          </ul>






          <div class="Mcart lf">
            <a href="">买</a>
            <a href="../views/cart.html">我的购物车</a>
          </div>
        </div>
      </div>
      <div class="hotword">
        <a href="">运动正当燃</a>
        <a href="">苹果12</a>
        <a href="">休息室</a>
        <a href="">顾家家居</a>
        <a href="">二手电脑</a>
        <a href="">运动会</a>
        <a href="">健康好物</a>
        <a href="">AMD新品</a>
        <a href="">家装建材</a>
      </div>
      <div class="navitems">
          <a href="" class="active">秒杀</a>
          <a href="" class="active">优惠券</a>
          <a href="">PLUS会员</a>
          <a href="">品牌闪购</a>
          <a href="">拍卖</a>
          <a href="">京东家电</a>
          <a href="">京东超市</a>
          <a href="">京东生鲜</a>
          <a href="">京东国际</a>
          <a href="">京东云</a>
      </div>
    </div>
    <div class="wei rt">
      <img src="" alt="">
    </div>
  </div>


  <!-- 轮播图 -->
  <div class="fs">
      <div class="fs_l">
          <ul class="category">
                <li>家用电器</li>
                <li>手机/运营商/数码</li>
                <li>电脑/办公</li>
                <li>家居/家具/家装/厨具</li>
                <li>男装/女装/童装/内衣</li>
                <li>美妆/个护清洁/宠物</li>
                <li>女鞋/箱包/钟表/珠宝</li>
                <li>男鞋/运动/户外</li>
                <li>房产/汽车/汽车用品</li>
                <li>母婴/玩具乐器</li>
                <li>食品/酒类/生鲜/特产</li>
                <li>艺术/礼品鲜花/农资绿植</li>
                <li>医药保健/计生情趣</li>
                <li>图书/文娱/教育/电子书</li>
                <li>机票/酒店/旅游/生活</li>
                <li>理财/众筹/白条/保险</li>
                <li>安装/维修/清洗/二手</li>
                <li>工业品</li>
          </ul>
            <div class="right">
                <ol>
                    <li>
                        <span>电视  > </span>
                        <p>
                            <span>a电视</span>
                            <span>b电视</span>
                        </p>
                    </li>
                    <li>电视</li>
                    <li>电视</li>
                </ol>

            </div>
      </div>
      <div class="fs_mud">
        <div class="banner" id="banner">
          <ul class="imgBox">
            <li class="active" style="background-color: skyblue;">
              <img src="../images/lun_1.webp" alt="">
            </li>
            <li>
              <img src="../images/lun_2.webp" alt="">
            </li>
            <li>
              <img src="../images/lun_3.jpg" alt="">
            </li>
            <li>
              <img src="../images/lun_4.jpg" alt="">
            </li>
            <li>
              <img src="../images/lun_5.webp" alt="">
            </li>
            <li>
              <img src="../images/lun_6.webp" alt="">
            </li>
            <li>
              <img src="../images/lun_7.jpg" alt="">
            </li>
            <li>
              <img src="../images/lun_8.webp" alt="">
            </li>
          </ul>
          <ol class="pointBox"></ol>
          <div class="left_l">&lt;</div>
          <div class="right_r">&gt;</div>
        </div>
          <div class="ban_rt">
              <div class="ban_rt_top">
                <img src="../images/lun2_1.webp" alt="">
              </div>
              <div class="ban_rt_mud">
                <img src="../images/lun2_2.webp" alt="">
              </div>
              <div class="ban_rt_botm">
                <img src="../images/lun2_3.webp" alt="">
              </div>
          </div>

      </div>
      <!-- 轮播图右侧 -->
      <div class="fs_rt">
        <div class="fs_rt_top">
          <div class="fs_rt_top_im">
            <img src="../images/tou1.png" alt="">
          </div>
          <p>Hi~欢迎逛京东</p>
          <p>
            <a href="../views/login.html">登录</a>
            <a href="../views/register.html">注册</a>
          </p>
            <button>新人福利</button>
            <button class="fs_rt_top_btn">PLUS会员</button>
        </div>
        <div class="news2">
          <div class="news_hd">
            <h5>京东快报</h5>
            <a href="">更多 > </a>
          </div>
          <div class="nwes_list">
            <a href=""><span>热门</span> 大屏全能型办公本</a>
            <a href=""><span>活动</span> 杜蕾斯爆款第3件0元</a>
            <a href=""><span>推荐</span> 要想电脑稳定运行</a>
            <a href=""><span>推荐</span> 简约松下插座，让</a>
          </div>
        </div>
        <div class="fs_rt_botm">
            <ul class="fs_rt_botm_list lf">
              <li class="service_item">
                <a href="">
                  <img src="../images/ewe1.png" alt="">
                  <span>话费</span>
                </a>
              </li>
              <li class="service_item">
                <a href="">
                  <img src="../images/ewe2.png" alt="">
                  <span>机票</span>
                </a>
              </li>
              <li class="service_item">
                <a href="">
                  <img src="../images/ewe3.png" alt="">
                  <span>酒店</span>
                </a>
              </li>
              <li class="service_item">
                <a href="">
                  <img src="../images/ewe4.png" alt="">
                  <span>游戏</span>
                </a>
              </li>
              <li class="service_item">
                <a href="">
                  <img src="../images/ewe5.png" alt="">
                  <span>加油卡</span>
                </a>
              </li>
              <li class="service_item">
                <a href="">
                  <img src="../images/ewe12.png" alt="">
                  <span>火车票</span>
                </a>
              </li>
              <li class="service_item">
                <a href="">
                  <img src="../images/ewe6.png" alt="">
                  <span>众筹</span>
                </a>
              </li>
              <li class="service_item">
                <a href="">
                  <img src="../images/ewe7.png" alt="">
                  <span>理财</span>
                </a>
              </li>
              <li class="service_item">
                <a href="">
                  <img src="../images/ewe8.png" alt="">
                  <span>白条</span>
                </a>
              </li>
              <li class="service_item">
                <a href="">
                  <img src="../images/ewe9.png" alt="">
                  <span>电影票</span>
                </a>
              </li>
              <li class="service_item">
                <a href="">
                  <img src="../images/ewe10.png" alt="">
                  <span>企业购</span>
                </a>
              </li>
              <li class="service_item">
                <a href="">
                  <img src="../images/ewe11.png" alt="">
                  <span>礼品卡</span>
                </a>
              </li>
            </ul>
        </div>
      </div>
  </div>
<!-- ******************************************************************************************************* -->
<!-- 京东秒杀 -->
<div class="seckill">
  <div class="seckill_f">
          <div class="seckill_red">
              <div class="seckill_title">
                  京东秒杀
              </div>
              <div class="seckill_dec">
                  14:00 专场 距离结束
                  <span id="hours" class="timmer__unit hu">00</span><span class="pp">:</span><span class="timmer__unit mu" id="minutes">00</span><span class="ppp">:</span><span class="timmer__unit se" id="seconds">00</span>
              </div>
          </div>

    <div class="seckill_item item-a">
        <img src="../images/san1.webp" alt="">
        <p>三星(SANSUNG）3匹新能效</p>
          <button>￥8877.00</button><button class="price1"><s>￥9899.00</s></button>
    </div>
    <div class="seckill_item item-b">
        <img src="../images/san2.webp" alt="">
        <p>卡帝乐鳄鱼【一套48 两套8</p>
        <button>￥48.00</button><button class="price1"><s>￥99.00</s></button>
    </div>
    <div class="seckill_item item-c">
        <img src="../images/san3.webp" alt="">
        <p>爱丽丝IRIS收纳盒透明鞋盒</p>
        <button>￥9.90</button><button class="price1"><s>￥19.90</s></button>
    </div>
    <div class="seckill_item item-d">
        <img src="../images/san5.webp" alt="">
        <p>高洁丝海岛奢宠纯棉卫生巾</p>
        <button>￥9.90</button><button class="price1"><s>￥99.90</s></button>
    </div>
    <div class="seckill_item item-f">
        <img src="../images/san4.webp" alt="">
        <p>钟表超级日</p>
        <p class="aaaa">大牌低至五折</p>
        <button>品牌秒杀 ></button>
    </div>
  </div>
</div>
<!-- ******************************************************************************************************************************************************************* -->
<!-- 特色优选 -->
  <div class="special">
    <div class="special_l">
        <div class="special_l_top">
          <h3>每日特价</h3>
          <div class="special_l_top_xuan">
            <a href="" class="active">精选</a>
            <a href="">美食</a>
            <a href="">百货</a>
            <a href="">个护</a>
            <a href="">预告</a>
          </div>
        </div>
        <div class="special_l_botom">
          <div class="special_l_left">
              <p class="tiantian">169天最低价</p>
              <img src="../images/xuan1.webp" alt="">
              <p class="tiantian1">华为畅享20 SE4_128G</p>
              <button>￥1398</button><button class="twoo"><s>￥2399</s></button>
          </div>
          <div class="special_l_right">
            <div class="xiaotu">
              <div class="xiaotutu">
                <img src="../images/xuan2.webp" alt="">
              </div>
              <div class="xiaotushuo">
                联想V14锐龙六核R5性价
                <button>￥3780</button>
                <button><s>￥4899</s></button>
              </div>
            </div>
            <div class="xiaotu">
              <div class="xiaotutu">
                <img src="../images/xuan3.webp" alt="">
              </div>
              <div class="xiaotushuo">
                联想V14锐龙六核R5性价
                <button>￥29.90</button>
                <button><s>￥48.99</s></button>
              </div>
            </div>
            <div class="xiaotu">
              <div class="xiaotutu">
                <img src="../images/xuan4.webp" alt="">
              </div>
              <div class="xiaotushuo">
                联想V14锐龙六核R5性价
                <button>￥9.90</button>
                <button><s>￥19.90</s></button>
              </div>
            </div>
            <div class="xiaotu">
              <div class="xiaotutu">
                <img src="../images/xuan5.webp" alt="">
              </div>
              <div class="xiaotushuo">
                联想V14锐龙六核R5性价
                <button>￥37.80</button>
                <button><s>￥48.99</s></button>
              </div>
            </div>
          </div>
        </div>
    </div>
    <div class="special_r">
        <div class="pinpai">
          <h3>品牌闪购</h3>
        </div>
        <div class="pai">
          <div class="pai_l">
            <img src="../images/ji1.webp" alt="">
          </div>
          <div class="pai_r">
            <ul>
              <li>
                <img src="../images/ji2.webp" alt="">
                <p>百事可乐潮鞋专场</p>
              </li>
              <li>
                <img src="../images/ji3.webp" alt="">
                <p>望远镜闪购专场</p>
              </li>
              <li>
                <img src="../images/ji4.webp" alt="">
                <p>WM品牌闪购</p>
              </li>
              <li>
                <img src="../images/ji5.webp" alt="">
                <p>ECCO爱步闪购专场</p>
              </li>
              <li>
                <img src="../images/ji6.webp" alt="">
                <p>七夕佳节脘间礼遇</p>
              </li>
              <li>
                <img src="../images/ji7.webp" alt="">
                <p>美的大牌狂欢</p>
              </li>
            </ul>
          </div>
        </div>
    </div>
  </div>
<!-- ********************************************************************************************************************************************************* -->
    <!-- 频道广场 -->
  <div class="pindao">
    <div class="pindao_l">
      <img src="../images/tian1.webp" alt="">
    </div>
    <div class="pindao_ll">
      <img src="../images/tian2.webp" alt="">
    </div>
    <div class="pindao_r">
        <div class="pindaotu">
          <p>生鲜馆<span>尝遍天下鲜</span></p>
          <img src="../images/tian3.webp" alt="">
          <img src="../images/tian4.webp" alt="">
        </div>
        <div class="pindaotu">
          <p>生鲜馆<span>尝遍天下鲜</span></p>
          <img src="../images/tian5.webp" alt="">
          <img src="../images/tian6.webp" alt="">
        </div>
        <div class="pindaotu">
          <p>生鲜馆<span>尝遍天下鲜</span></p>
          <img src="../images/tian7.webp" alt="">
          <img src="../images/tian8.webp" alt="">
        </div>
        <div class="pindaotu">
          <p>生鲜馆<span>尝遍天下鲜</span></p>
          <img src="../images/tian9.webp" alt="">
          <img src="../images/tian10.webp" alt="">
        </div>
    </div>
  </div>

  <div class="footer">
    <img src="../images/footer.png" alt="">
  </div>





  
  <script src="../js/tool.js"></script>
  <script src="../js/test.js"></script>
  <script src="../js/index.js"></script>
</body>
</html>
